<template>
  <div class="flex flex-row items-center">
    <div class="flex-1">
      <a-select :value="value" :disabled="disabled" @change="$emit('change', $event)">
        <a-select-option
          v-for="el in data"
          :key="el.gatewayTypeId"
          :value="el.gatewayTypeId"
          :label="el.gatewayTypeName"
        >
          <div class="flex flex-row items-center">
            <div class="flex-1">{{ el.gatewayTypeName }}</div>
            <!-- <div>
              <a-tag :color="el.isStandard ? 'blue' : 'green'">
                {{ el.isStandard ? "标准化" : "自定义" }}
              </a-tag>
            </div> -->
          </div>
        </a-select-option>
      </a-select>
    </div>
    <div>
      <ViewGTPointAttrs :gateway-type-id="value" />
    </div>
  </div>
</template>
<script lang="ts">
// export default {
//   inheritAttrs: false,
// };
</script>
<script setup lang="ts">
import { SelectProps } from "ant-design-vue";
const props = defineProps<{
  data?: SelectProps["options"];
  value?: string;
  disabled?: boolean;
}>();
defineEmits(["change"]);
</script>
